<template>
<fieldset>
    <legend>常用api</legend>
    <input ref="ipt" type="text">
    <button @click="handleClick">点击获取焦点</button>
    <Child ref="Child" gift="123"/>
</fieldset>
</template>
<script>
import Child from "./Child.vue"
// $root获取根实例
// $parent获取父实例，支持链式
// $ref获取引用，作用在dom元素上可以获取真实dom 作用在子组件上可以获取子组件实例的引用
// $nextTick 用于获取更新后的dom
// $provide(){return{msg:xx}} inject:[]这对组合用于跨组件传参
export default{ 
       inject:["msg"],
    components: {
        Child
    },
    mounted () {
        // console.log(this.$root);
        // console.log(this.$parent);
    },
    methods:{
        handleClick(){
            // console.log(this.$refs.ipt);
            // this.$refs.ipt.focus()
            // console.log(this.$refs);
            console.log(this.msg);
        }
    }
}
</script>